/*  
    1：首先进行导入 饿了么 插件
    2：定义一个 用来判断 登录 或者 注册 的一个数据 
    在这里我们可以写成一个数组 这时候我们可以引用 reactive定义引用数据类型
    因为需要配合v-for 所以我们会定义成数组

    txt:显示当前状态文本
    current:控制css样式的boolean值
    type:现在所处的状态
    
    { 'txt': '登录', current: true, type: 'login' },
    { 'txt': '注册', current: false, type: 'register' },

    配合 class 通过 boolean 动态添加样式 运用了 对象类名赋值 
    

    3.对切换模块进行编写
        因为 menData 是通过 v-for 进行渲染的 所以两个样式都添加上点击事件
        当点击事件触发时,首先清空所有状态 意为将current全部设置为false 
        class为空 就没有样式 然后再将接收的数组进行接收 data.current 也就是选中的状态给上样式 将model改成跟data一样的状态


        4.对登录功能的实现
        邮箱函数
        密码函数
        再次验证密码函数
        初始化输入框的绑定的变量
        设置 以何种方式触发 表单验证 默认是blur 失去焦点验证
        当触发了blur事件就会调用前面的 函数从进行表单验证
        创建点击事件:为点击事件添加网络请求
*/


// 2.

/* 
    将输入框的数据发送传给后台

    //link("/package.json的接口名字","请求方法",数据)
    因为定义时
    service.request({
                url,
                method,
                data,
                params

    使用时:    
    link("/register", "POST", data).then((ok) => {
          console.log(ok);
        });

    对当前状态进行判断被点击时
    当判断为不是登录时,读取输入框的数据 将数据赋值给data中定义的参数, 导入link方法将data 进行 POST到 json-serve上的数据中 , 可以将数据data转成数组这样就可以判断data中是否有数据 如果有那么证明 data可以post到json-serve中的uesr上

    根据 yarn serve 我们执行的是开发者模式 所以要到的文件是.env.devalopment 
    测试模式 
    生产模式 build .devtest
    测试模式 dev_test_build
    
    根据不同的模式 需要在 mock文件的package文件下的mock 进行 响应端口的配置

    进行端口设置后 就可以在user.json文件中 写入register路径的样式 这样就可以录入信息了


    let{ data } = ok 
    将ok中的data解构出来 ok也就相当于 link网络请求中的resolve(成功执行) 的res 因为data中跟data中重名 所以直接进行结构 所以 就有其数据

    再对密码进行md5的设置

    在对登录成功后 通过router进行跳转
    
*/